style(FR-816): Improve Start page grid size for XXL screen#3483
Merged
Conversation
Member
Author
How to use the Graphite Merge QueueAdd either label to this PR to merge it via the merge queue:
You must have a Graphite account in order to use the merge queue. Sign up using this link. An organization admin has required the Graphite Merge Queue in this repository. Please do not merge from GitHub as this will restart CI on PRs being processed by the merge queue. This stack of pull requests is managed by Graphite. Learn more about stacking. |
yomybaby
changed the title
yomybaby
force-pushed
the
fix/start-page-grid-style
branch
from
06e7cfa to
8fc5003
Compare
Contributor
Coverage report for
|
St.❔ |
Category | Percentage | Covered / Total |
|---|---|---|---|
| 🔴 | Statements | 4.22% | 408/9674 |
| 🔴 | Branches | 3.6% | 240/6672 |
| 🔴 | Functions | 2.56% | 79/3089 |
| 🔴 | Lines | 4.15% | 393/9462 |
Test suite run success
124 tests passing in 14 suites.
Report generated by 🧪jest coverage report action from e8f798c
yomybaby
force-pushed
the
fix/start-page-grid-style
branch
from
8fc5003 to
188139b
Compare
yomybaby
force-pushed
the
fix/start-page-grid-style
branch
from
188139b to
246bff5
Compare
Merge activity
|
Resolves #3482 (FR-816) This PR adds support for the XXL breakpoint in the responsive design system. It includes: 1. Added `screenXLMax`, `screenXXLMin`, and `screenXXL` values to both light and dark themes in `theme.json` 2. Added `xxl={4}` column sizing to the card layout in StartPage, allowing for better use of screen space on larger displays 3. Removed the `AnnouncementAlert` component from the summary page These changes improve the UI layout on larger screens by allowing more cards to be displayed in a row when sufficient screen space is available.
graphite-app
Bot
force-pushed
the
fix/start-page-grid-style
branch
from
246bff5 to
e8f798c
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Resolves #3482 (FR-816)
This PR adds support for the XXL breakpoint in the responsive design system. It includes:
screenXLMax,screenXXLMin, andscreenXXLvalues to both light and dark themes intheme.jsonxxl={4}column sizing to the card layout in StartPage, allowing for better use of screen space on larger displaysAnnouncementAlertcomponent from the summary pageThese changes improve the UI layout on larger screens by allowing more cards to be displayed in a row when sufficient screen space is available.